<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 
        1. 下载安装vue  
            npm i vue 
            cdn 
        2. 导入 
        3. 创建实例 
            配置项 
                data : 配置准备好的数据  数据区域
                methods : 事件处理函数 

        4. 挂载
                {{ 数据 }}

                {{ 简单表达式 }}

        5. 指令 
            书写在 标签属性位置的内容 
            方便我们进行dom操作 


            v-text   innerText
            v-html   innerHTML 
            v-cloak  渲染完毕 将vue 模板区域设置成display block 
            v-bind  属性的绑定 简写  : 
            v-on  事件的绑定   简写  @
            v-model 双向数据绑定  
            v-for 循环  

        
        
        */
    </script>
</body>
</html>